@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .bg-gradient-custom {
        background: linear-gradient(135deg, #165DFF 0%, #722ED1 100%);
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-custom {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .form-error {
        border-color: #f43f5e !important;
    }
    .error-message {
        color: #f43f5e;
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }
}
